<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="js/jquery-3.2.1.min.js"></script>
    <link rel="stylesheet" href="./css/login.css">
    <link rel="stylesheet" href="./css/pc端页面初始化.css">
    <link rel="stylesheet" href="./iconfon/iconfont.css">
</head>

<body>

    <div class="head"></div>
    <script>
        $(function() {
            $(".head").load("./import-header.html")
        })
    </script>
    <div class="content main-bg">
        <div class="content-center">
            <div class="login">
                <p class="title">账号登录</p>

                <div class="form">
                    <div class="form-group">
                        <input type="text" class="form-control" id="mobile" placeholder="请输入手机号" style="outline-color: blue;">
                    </div>
                    <div class="form-group">
                        <input type="password" class="form-control" id="passwd" placeholder="请输入密码">
                    </div>
                </div>
                <div class="btn-col">
                    <div class="btn-l btn-green" id="login-btn">
                        登录
                    </div>
                </div>

                <div class="tool-bar">
                    <div class="tool-bar-left">
                        <a href="#">小米登录</a>
                    </div>

                    <div class="tool-bar-right">
                        <a href="register.html">立即注册</a>
                        <a href="">忘记密码</a>
                    </div>
                </div>


                <div class="login-other">
                    <p class="title">其他方式登录</p>
                    <div class="login-item-list">
                        <a href="#" class="iconfont icon-icon_qq  ic"></a>
                        <a href="#" class="iconfont icon-gongzhonghao ic"></a>
                        <a href="#" class="iconfont icon-yooxi ic"></a>
                        <a href="#" class="iconfont icon-weibo1 ic"></a>
                    </div>
                </div>
                <!-- 弹窗 -->
                <div class="flavr-fixer">
                    <div class="flavr-outer">
                        <div class="flavr-content">
                            <p>手机格式不正确</p>
                        </div>
                        <div class="flavr-toolbar inline">
                            <a href="" class="flavr-button active">确定</a>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <!-- 尾部 -->
    <div class="foot">
        <div class="foot-content">
            <p>赣公网安备36010602000042 | Copyright © 2017-2018 BlackShark 赣ICP备17012659号. All Rights Reserved.</p>
        </div>
    </div>

</body>

</html>

<script src="./js/login.js"></script>